﻿
<div style="border:1px solid red;" ng-show="chooseRaces">
    选择种族
    <div ng-repeat="item in Races" style="float:left;width:100px;height:100px;margin-left:10px;">
        <img src="{{item.ResPath}}" />
        <md-checkbox aria-label="item" ng-checked="item.checked" ng-click="chooseItem(item,Races);">{{item.Caption}}</md-checkbox>
       
    </div>
    <md-button ng-click="nextStepOne();">下一步</md-button>
</div>

<div style="border:1px solid red;" ng-show="chooseKings">
    选择国王
    <div ng-repeat="item in Kings" style="float:left;width:100px;height:100px;margin-left:10px;">
        <img src="{{item.Avatar}}" />
        <md-checkbox aria-label="item" ng-checked="item.checked" ng-click="chooseItem(item,Kings);"></md-checkbox>
    </div>
    <md-button ng-click="nextStepTwo();">下一步</md-button>
</div>

<div style="border:1px solid red;" ng-show="choosekingName">
    输入国王名字：<input type="text" ng-model="kingName" />
    <br />
    <md-button ng-click="createKing();">创建王国</md-button>
</div>

